<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/mui.picker.min.css" />
		<link rel="stylesheet" href="../css/iconfont.css">
		<script src="../js/mui.min.js"></script>
		<script src="../js/mui.picker.min.js"></script>
		<style>
			span{float:left; padding:0 5px;}
			.bottom{ width: 70%; margin-left: 15%; line-height:30px; background-color: #0284B8; color:#FFFFFF;}
			.mui-table-view .mui-media-object{height:58px; width:58px;}
			.bottom{margin-top:10px;}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">随访患者</h1>
		</header>
		<div class="mui-conten mui-query-admin" style="margin-top:45px;">
			<div style="font-size: 12px; clear: both; line-height:30px; margin-left:20px;">近7天需要进行随访的患者</div>
			<ul class="mui-table-view">
				<div class="mui-row">
					<div class="mui-col-sm-12 mui-col-xs-12">
						<li class="mui-table-view-cell" style="border-bottom: 1px solid #CCCCCC;">
							<a class="mui-navigate-right">
								<span class="mui-icon mui-icon-contact" style="float: left; width:60px; font-size:50px; text-align: center;"></span>
								<div style="float: left;">
									<div style="float: left; font-size: 16px; margin-bottom: 6px;">张三 男 60 高血压</div>
									<div style="clear: both; font-size: 16px; margin-bottom: 6px;">随访到期日:2019-10-9</div>
									<div style="clear: both; font-size: 16px; margin-bottom: 6px;">电话:15815121221</div>
									<div style="clear: both; font-size: 16px; margin-bottom: 6px;">地址:海南省龙昆南路15号</div>
								</div>
							</a>
						</li>
					</div>
					<div class="mui-col-sm-12 mui-col-xs-12">
						<li class="mui-table-view-cell" style="border-bottom: 1px solid #CCCCCC;">
							<a class="mui-navigate-right">
								<span class="mui-icon mui-icon-contact" style="float: left; width:60px; font-size:50px; text-align: center;"></span>
								<div style="float: left;">
									<div style="float: left; font-size: 16px; margin-bottom: 6px;">张三 男 60 高血压</div>
									<div style="clear: both; font-size: 16px; margin-bottom: 6px;">随访到期日:2019-10-9</div>
									<div style="clear: both; font-size: 16px; margin-bottom: 6px;">电话:15815121221</div>
									<div style="clear: both; font-size: 16px; margin-bottom: 6px;">地址:海南省龙昆南路15号</div>
								</div>
							</a>
						</li>
					</div>
					<div class="mui-col-sm-12 mui-col-xs-12">
						<li class="mui-table-view-cell" style="border-bottom: 1px solid #CCCCCC;">
							<a class="mui-navigate-right">
								<span class="mui-icon mui-icon-contact" style="float: left; width:60px; font-size:50px; text-align: center;"></span>
								<div style="float: left;">
									<div style="float: left; font-size: 16px; margin-bottom: 6px;">张三 男 60 高血压</div>
									<div style="clear: both; font-size: 16px; margin-bottom: 6px;">随访到期日:2019-10-9</div>
									<div style="clear: both; font-size: 16px; margin-bottom: 6px;">电话:15815121221</div>
									<div style="clear: both; font-size: 16px; margin-bottom: 6px;">地址:海南省龙昆南路15号</div>
								</div>
							</a>
						</li>
					</div>
				</div>
			</ul>
		</div>
		<script src="../js/mui.js"></script>
		<script type="text/javascript">
			mui.init();
			mui(".mui-table-view").on('tap','.mui-table-view-cell',function(){
// 				mui.openWindow({
// 					url: 'follow_up.html', 
// 					id:'follow_up',
// 					extras:{
// 						name:'follow_up'
// 					}
// 				});
			})
		</script>
	</body>
</html>
